<!DOCTYPE html>
<html lang="en">

	<head>
		<meta charset="utf-8">
		<meta name="viewport" content="width=device-width, initial-scale=1.0">
		<meta name="description" content="Creative - Bootstrap 3 Responsive Admin Template">
		<meta name="author" content="GeeksLabs">
		<meta name="keyword" content="Creative, Dashboard, Admin, Template, Theme, Bootstrap, Responsive, Retina, Minimal">

		<title>JD-后台</title>

		<!-- Bootstrap CSS -->
		<link href="../css/bootstrap.min.css" rel="stylesheet">
		<!-- bootstrap 主题 -->

		<!--自定义 css-->
		<link href="../css/mystyle.css" rel="stylesheet" />

		<!-- 字体图标 -->
		<link href="../css/elegant-icons-style.css" rel="stylesheet" />
		<link href="../css/font-awesome.min.css" rel="stylesheet" />

		<!-- 样式 -->

		<link href="../css/style.css" rel="stylesheet">
		<link href="../css/style-responsive.css" rel="stylesheet" />

		<script src="../js/vue.min.js"></script>

		<script src="../js/axios.min.js"></script>

		<style>
			aside .btn {
				color: #c0bebe;
			}
			
			aside .panel-title {
				font-size: 17px;
			}
			
			aside .panel.panel-default {
				border-top: 0;
			}
			
			aside .panel .panel-body,
			aside .panel .panel-heading {
				border: 0;
			}
			
			aside .panel .panel-heading {
				padding-top: 6px;
				padding-bottom: 6px;
			}
			
			aside .panel-heading {
				color: #eaeaea;
			}
			
			aside .panel .panel-body {
				padding-left: 0;
				padding-right: 0;
			}
			
			aside .panel-body {
				padding-top: 0px;
				padding-bottom: 0px;
			}
			
			aside .panel .btn {
				padding-top: 6px;
				padding-bottom: 6px;
			}
		</style>
		<script src="../js/echarts.min.js"></script>
		<!-- HTML5 shim and Respond.js IE8 support of HTML5 -->
		<!--[if lt IE 9]>
      <script src="js/html5shiv.js"></script>
      <script src="js/respond.min.js"></script>
      <script src="js/lte-ie7.js"></script>
    <![endif]-->
	</head>

	<body>
		<!-- 容器部分 start -->
		<section id="container" class="" id="ind">

			<!-- 头部 start -->
			<header class="header dark-bg">
				<div class="toggle-nav">
					<div class="icon-reorder tooltips" data-original-title="Toggle Navigation" data-placement="bottom"></div>
				</div>

				<!--logo start-->
				<a href="index.html" class="logo">Ji <span class="lite">Di</span></a>
				<!--logo end-->

				<div class="nav search-row" id="top_menu">
					<!--  搜索框 start -->
					<ul class="nav top-menu">
						<li>
							<form class="navbar-form">
								<input class="form-control" placeholder="Search" type="text">
							</form>
						</li>
					</ul>
					<!--  搜索框  end -->
				</div>

				<div class="top-nav notification-row">
					<!-- 通知下拉列表 start-->
					<ul class="nav pull-right top-menu">

						<li id="mail_notificatoin_bar" class="dropdown">
							<a data-toggle="dropdown" class="dropdown-toggle" href="#">
								<i class="icon-envelope-l"></i>
								<span class="badge bg-important">1</span>
							</a>
							<ul class="dropdown-menu extended inbox">
								<div class="notify-arrow notify-arrow-blue"></div>
								<li>
									<p class="blue">收到1条新消息</p>
								</li>
								<!-- 消息列表  start-->
								<li>
									<a href="#">
										<span class="subject">
											<span class="from">Greg Martin</span>
										<span class="time">十分钟前</span>
										</span>
										<span class="message">
											I really like this admin panel.
										</span>
									</a>
								</li>
								<li>
									<a href="#">查看所有信息</a>
								</li>
							</ul>
						</li>
						<!-- 消息列表 end -->

						<!-- 用户登录下拉列表 start-->
						<li class="dropdown">
							<a data-toggle="dropdown" class="dropdown-toggle" href="#">
								<span class="username" id="index">{{name}}</span>
								<b class="caret"></b>
							</a>
							<ul class="dropdown-menu extended logout umg" id="umg">
								<div class="log-arrow-up"></div>
								<li class="eborder-top c" data-id="detailPersonalInfo">
									<a href="#"><i class="icon_profile"></i>个人信息</a>
								</li>
								<li data-id="changePassword">
									<a href="#"><i class="icon_key_alt"></i>修改密码</a>
								</li>
								<li>
									<a href="#"><i class="icon_close_alt2"></i>安全退出</a>
								</li>
							</ul>
						</li>
						<!-- 用户登录下拉end -->
					</ul>
					<!-- 通知下拉列表 end-->
				</div>
			</header>
			<!-- 头部 end -->

			<!--菜单-->
			<aside>
				<div id="sidebar" class="nav-collapse">

					<ul class="sidebar-menu">

						<!--组合列表 start-->
						<div class="panel-group" id="panel-288459">

							<!--首页-->
							<div class="panel panel-default">
								<a class=" panel-title" data-toggle="collapse" data-parent="#panel-288459" href="#" data-id="first1">
									<div class="panel-heading c ">
										<i class="icon_house_alt"></i>
										<span>首页</span>
									</div>
								</a>

							</div>

							<!--类型管理-->
							<div class="panel panel-default">
								<a class="panel-title collapsed" data-toggle="collapse" data-parent="#panel-288459" href="#panel1">
									<div class="panel-heading">
										<i class="icon_document_alt"></i>
										<span>类型管理</span>
										<span class="menu-arrow arrow_carrot-right"></span>
									</div>
								</a>
								<div id="panel1" class="panel-collapse collapse">
									<div class="panel-body">
										<!--<a href="#" class="btn btn-block"  data-id="publishType">添加类型</a>-->
										<a class="btn btn-block   " data-id="detailType" href="#">查看类型</a>

									</div>
								</div>

							</div>

							<!--发布管理-->
							<div class="panel panel-default">
								<a class="panel-title collapsed" data-toggle="collapse" data-parent="#panel-288459" href="#panel2">
									<div class="panel-heading">
										<i class="icon_document_alt"></i>
										<span>资讯管理</span>
										<span class="menu-arrow arrow_carrot-right"></span>
									</div>
								</a>
								<div id="panel2" class="panel-collapse collapse">
									<div class="panel-body">
										<a href="#" class="btn btn-block" data-id="publishMatchNews">发布比赛资讯</a>
										<a class="btn  btn-block" href="#" data-id="detailMatchNews">查看比赛资讯</a>

									</div>
								</div>
							</div>

							<!--比赛管理-->
							<div class="panel panel-default">
								<a class="panel-title collapsed" data-toggle="collapse" data-parent="#panel-288459" href="#panel3">
									<div class="panel-heading">
										<i class="icon_document_alt"></i>
										<span>比赛管理</span>
										<span class="menu-arrow arrow_carrot-right"></span>
									</div>
								</a>
								<div id="panel3" class="panel-collapse collapse">
									<div class="panel-body">
										<a href="#" class="btn btn-block" data-id="publishMatchInfo">发布比赛信息</a>
										<a class="btn  btn-block" href="#" data-id="detailMatchInfo">查看比赛信息</a>

									</div>
								</div>
							</div>

							<!--获奖信息-->
							<div class="panel panel-default">
								<a class="panel-title collapsed" data-toggle="collapse" data-parent="#panel-288459" href="#panel4">
									<div class="panel-heading">
										<i class="icon_document_alt"></i>
										<span>获奖信息</span>
										<span class="menu-arrow arrow_carrot-right"></span>
									</div>
								</a>
								<div id="panel4" class="panel-collapse collapse">
									<div class="panel-body">

										<a class="btn  btn-block" href="#" data-id="addAwardInfo">添加获奖信息</a>

										<a class="btn  btn-block" href="#" data-id="detailAwardInfo">查看获奖信息</a>

									</div>

								</div>
							</div>

							<!--公告管理-->
							<div class="panel panel-default">
								<a class="panel-title collapsed" data-toggle="collapse" data-parent="#panel-288459" href="#panel5">
									<div class="panel-heading">
										<i class="icon_document_alt"></i>
										<span>公告管理</span>
										<span class="menu-arrow arrow_carrot-right"></span>
									</div>
								</a>
								<div id="panel5" class="panel-collapse collapse">
									<div class="panel-body">
										<a href="#" class="btn  btn-block" data-id="pubishNotice">发布公告</a>
										<a class="btn  btn-block" href="#" data-id="detailNotice">查看公告</a>

									</div>
								</div>
							</div>

							<div class="panel panel-default">
								<a class="panel-title collapsed" data-toggle="collapse" data-parent="#panel-288459" href="#panel6">
									<div class="panel-heading">
										<i class="icon_document_alt"></i>
										<span>报名管理</span>
										<span class="menu-arrow arrow_carrot-right"></span>
									</div>
								</a>
								<div id="panel6" class="panel-collapse collapse">
									<div class="panel-body">
										<a href="#" class="btn  btn-block" data-id="detailEnter">查看报名信息</a>
									</div>
								</div>
							</div>

							<!--<div class="panel panel-default">
								<a class="panel-title collapsed" data-toggle="collapse" data-parent="#panel-288459" href="#panel7">
									<div class="panel-heading">
										<i class="icon_document_alt"></i>
										<span>用户管理</span>
										<span class="menu-arrow arrow_carrot-right"></span>
									</div>
								</a>
								<div id="panel7" class="panel-collapse collapse">
									<div class="panel-body">
										<a href="#" class="btn  btn-block" data-id="detailUser">查看用户信息</a>
									</div>
								</div>
							</div>-->

						</div>
						<!--组合列表end-->
					</ul>

				</div>
			</aside>
			<!--菜单 end-->

			<!--主要内容 start-->
			<section id="main-content">
				<section class="wrapper">
					<!--overview start-->
					<div class="row">

						<!--主体内容 stat-->

						<div class="content panel  " id="con">
							<div class="col-lg-12">
								<ol class="breadcrumb">
									<li><i class="fa fa-home"></i>
										<a href="index.html">Home</a>
									</li>
									<!--<li><i class=""></i>待定</li>-->
								</ol>
								<div class="container-fluid mcomment">
									<div>
										<div>
											<!--柱状图-->
											<div id="histogram" style="width: 600px; height: 400px;"></div>
										</div>
										<div>
											<!--饼状图-->
											<div id="pie" style="width: 600px; height: 400px;"></div>
										</div>
									</div>
								</div>
							</div>
						</div>
						<!--主体内容end-->
						<!--</div>-->
					</div>

				</section>

			</section>
			<!--主要内容 end-->
		</section>
		<!--容器部分end -->

		<!-- javascripts -->
		<script src="../js/jquery.js"></script>

		<script src="../js/echarts.min.js"></script>

		<!-- bootstrap -->
		<script src="../js/bootstrap.min.js"></script>
		<script type="text/javascript" src="../js/gettype.js"></script>
		<!--自定义脚本-->
		<script src="../js/jquery.min.js"></script>
		<script src="../js/index.js"></script>

		<script type="text/javascript" src="../ueditor/utf8-jsp/ueditor.config.js"></script>
		<script type="text/javascript" src="../ueditor/utf8-jsp/ueditor.all.js"></script>
		<!--load重定向页面-->
		<script type="text/javascript" src="../js/Load.js"></script>
		<script type="text/javascript" src="../js/cookieUtil.js"></script>
		<script type="text/javascript" src="../js/wangEditor.min.js"></script>
		<script type="text/javascript">
			var vm = new Vue({
				el: '#index',
				data: {
					name: '',
					id: ''
				},
				methods: {

				},
				mounted() {

					this.name = getCookie('name');

				}

			});
		</script>

	</body>

</html>